page {
	background: $uni-F5F5F5;
}

.color-C4C7CC {
	color: #C4C7CC;
}

.top-box {
	width: 100vw;
	box-sizing: border-box;
	padding: 32rpx 32rpx 40rpx;
	background: $uni-white;
}

.down-item {
	width: 32rpx;
	height: 32rpx;
	background: #F0F2F5;
	border-radius: 8rpx;
	margin-left: 16rpx;
}
.make-appointment {
	width: 128rpx;
	height: 56rpx;
	line-height: 56rpx;
	text-align: center;
	border-radius: 16rpx;
	border: 2rpx solid $uni-text-color-main;
	font-size: 24rpx;
	color: $uni-text-color-main;
}

.picker-view {
	background: $uni-white;
	width: 100vw;
	height: 600rpx;
	margin-top: 20rpx;
	
		.item {
			line-height: 100rpx;
			text-align: center;
		}
}

.day-num {
	width: 72rpx;
	height: 72rpx;
	line-height: 72rpx;
	text-align: center;
	border-radius: 36rpx;
	margin-top: 40rpx;
	font-weight: 700;
}

.item-box {
	width: 686rpx;
	box-sizing: border-box;
	padding: 32rpx;
	border-radius: 24rpx;
	background: $uni-white;
	margin: 20rpx 32rpx 0;
	
	.status {
		font-size: 32rpx;
		padding: 6rpx 14rpx;
		font-size: 22rpx;
		margin-left: 20rpx;
		border-radius: 8rpx;
	}
	.button {
		width: 96rpx;
		height: 56rpx;
		line-height: 56rpx;
		text-align: center;
		border-radius: 16rpx;
		font-size: 24rpx;
	}
	
	.user-head {
		width: 88rpx;
		height: 88rpx;
		border-radius: 44rpx;
		flex-shrink: 0;
		margin-right: 24rpx;
	}
	.FFF0F0-bg {
		background: #FFF0F0;
	}
}